Editor Nexus

meta name="viewport" content="width=device-width, initial-scale=1.0"> meta name="description" content="Editor Nexus - Escreva, melhore, reescreva e gere títulos com IA Nexus"> Editor Nexus - IA Nexus style> :root { --primary-color: #7c3aed; --primary-light: #a78bfa; --primary-dark: #5b21b6; --secondary-color: #10b981; --secondary-light: #34d399; --secondary-dark: #059669; --error-color: #ef4444; --warning-color: #f59e0b; --background-color: #f8fafc; --card-color: #ffffff; --text-color: #1e293b; --text-light: #64748b; --border-color: #e2e8f0; --border-radius: 12px; --border-radius-sm: 8px; --transition: all 0.3s ease; --shadow: 0 4px 12px rgba(0, 0, 0, 0.1); --shadow-lg: 0 8px 24px rgba(0, 0, 0, 0.15); } /* Modo Escuro */ [data-theme="dark"] { --background-color: #0f0f23; --card-color: #1a1a2e; --text-color: #e2e8f0; --text-light: #94a3b8; --border-color: #2d3748; --shadow: 0 4px 12px rgba(0, 0, 0, 0.3); --shadow-lg: 0 8px 24px rgba(0, 0, 0, 0.4); } * { margin: 0; padding: 0; box-sizing: border-box; font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif; } body { background-color: var(--background-color); color: var(--text-color); padding: 15px; line-height: 1.6; min-height: 100vh; transition: var(--transition); } .container { max-width: 1200px; margin: 0 auto; } header { text-align: center; margin-bottom: 20px; padding: 25px 20px; background: linear-gradient(135deg, var(--primary-color), var(--primary-dark)); border-radius: var(--border-radius); box-shadow: var(--shadow); color: white; position: relative; overflow: hidden; } header::before { content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: url('data:image/svg+xml;utf8,

div class="copyright-modal-content">

p>Direitos reservados a Nexus Web © 202p> p>Este software é protegido por leis de direitos autorais e tratadosp> button class="close-btn" id="closeCopyrightModal">Continubutton> div> div> div class="container">

div class="main-content"> div class="card input-section">

Escreva sua notíh2>

0 caracteres</div>
                
div class="controls">
                    <div class="control-group">
                        <label for="wordLimit">Limite delabel>
input type="number" id="wordLimit" min="1" value="300">
div>
                    
                    <div class="buttons">
button id="checkErrors" class="primary-btn action-btn">
                            <i class="fas fa-spelli> Verificar
                        </button>
                        <button id="improveText" class="secondary-btn action-btn">
                            <i class="fas fa-magic"></i> Melhorar
                        </button>
                        <button id="rewriteText" class="tertiary-btn action-btn">
                            <i class="fas fa-synci> Reescrever
button>
div>
div>
                
                <div class="word-count">
                    <span>Palavrasstrong id="currentWordCount">0</strongspan id="maxWordCount">300</span></span>
                </div>
                <div class="progress-bar" id="progressBar">
div class="progress" id="progress"></div>
                </div>
                
div class="keyboard-shortcuts">
                    <div class="shortcut">
                        <kbd>kbd> + <kbd>kbd> Verificar erros
div>
div class="shortcut">
kbd>Ctrl</kbd>kbd>M</kbd> Melhorar texto
                    </div>
                    <div class="shortcut">
                        <kbd>kbd> + <kbd>kbd> Reescrever
                    </div>
                </div>
            </div>
            
div class="card output-section">
                <div class="card-title">
                    <i class="fas fa-newspi>
h2>Resulth2>
                </div>
                <div id="outputContent" class="output-content">
div class="empty-state">
i class="fas fa-filei>
p>Seu texto processado apareceráp>
div>
div>
                
                <div class="word-count">
                    <span>Palavrasstrong id="resultWordCount">0</strong></span>
                </div>
                
button id="copyResult" class="copy-btn action-btn">
                    <i class="fas fa-copy"></i> Copiar Resultado
button>
div>
div>
        
        <div class="card title-section">
div class="card-title">
i class="fas fa-headi>
h2>Sugestão de Th2>
            </div>
            
div class="title-controls">
                <div class="title-input-container">
input type="text" id="titleInput" class="title-input" placeholder="Título da notícia">
div class="title-buttons">
button id="generateTitle" class="primary-btn action-btn">
                            <i class="fas fai> Gerar
                        </button>
                        <button id="copyTitle" class="quaternary-btn action-btn">
                            <i class="fas fa-copy"></i> Copiar
button>
div>
div>
div>
            
            <div id="titleExample" class="title-example">
                <p>Exemplo de título aparecerá aqui após processamento.</p>
            </div>
        </div>
        
div class="card meta-section">
            <div class="card-title">
                <i class="fas fa-align-left"></i>
                <h2>Meta Desch2>
            </div>
            
div class="meta-controls">
                <div class="meta-input-container">
textarea id="metaInput" class="meta-input" placeholder="Meta descrição da notícia" rows="3">

Editor Nexus

Escreva sua notíh2>

Tags da Notíh2>